cssalign-self

Align Self. Utilities for controlling how an individual flex or grid item is positioned along its container's cross axis. ​.

2023年10月18日 — The CSS align-items property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on ...

2018年12月27日 — The align-self property is a sub-property of the Flexible Box Layout module. It makes possible to override the align-items value for ...

2023年7月17日 — The align-self CSS property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area.

align-self 可以個別調整子元素在交錯軸線的位置，屬性與 align-item 相同。假如我們已經在父元素上設定 align-item ，但要其中一個內容物的位置需要調整成其他對齊 ...

The align-self property specifies the alignment in the block direction for the selected item inside a flexbox or grid container. For pages in English ...

元素位于容器的中心。 弹性盒子元素在该行的侧轴（纵轴）上居中放置。（如果该行的尺寸小于弹性盒子元素的尺寸，则会向两个方向溢出相同的长度）。

該語法會對齊自己的行高，不會受到父元素和其他子元素排列的影響，會一直留在原位，除非自己的定位被移動才會有新的基準線去對齊，可參考下圖。

2021年8月8日 — 不過我在學習Flex 時，發現到除了align-items 之外，竟然還有align-content、align-self ... 玩轉CSS FLEX | CSS教學| 網頁教學| 網頁設計 · CSS3 Flex 完整 ...